<!DOCTYPE html>
<html data-dpr="2" lang="zh-cmn-Hans">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit" />
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
  <link rel="icon" type="image/png" href="/img/app-icon72x72.png" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="/img/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="标题" />
  <link rel="apple-touch-icon-precomposed" href="/img/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/img/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta name="viewport" content="width=1200, user-scalable=yes">
  <title>-国家文化云</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <!-- /meta -->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace-theme-minimal.min.css" rel="stylesheet">
  <!--[if lte IE 9]>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!--[if gt IE 9]><!-->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/jquery.3.3.1min.js"></script>
  <!--<![endif]-->
  <!-- /script -->
  <link rel="stylesheet" href="/css/main.min.css">

  <!-- /style -->
</head>

<body>
  <div class="page">

    <!-- /topbar -->

    <!-- /header -->
    <main class="page-container">


      <!-- / breadcrumb -->

      <section class="section">
        <div class="section-wrapper">
          <div class="module media-list media-list-type-1">
            <!-- 列表1  上图下文 -->
            <div class="pure-u-1-4">
              <div class="column-inner">
                <div class="media media-bg-white media-normal media-card">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/280x170" width="280" height="170" alt="" />
                  </a>
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">浙江省未成年人“戏曲阅读经典”大赛决赛</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="module media-list media-list-type-2">
            <!-- 列表2  左图右文 -->
            <div class="media media-bg-white media-aside media-item-special-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/160x90" width="160" height="90" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">2016群星奖决赛--曲艺第二场</a>
                    </div>
                    <div class="abstract">
                      <p>这是一场关于实力的拼搏，这是一场关于梦想的旅行。</p>
                    </div>
                    <div class="attach">
                      <span class="special-archive-publish-time">2017-10-31</span>
                      <a class="special-archive-arrow iconfont" href="#">&#xe66e;</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="media media-bg-white media-aside media-item-special-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/160x90" width="160" height="90" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">2016群星奖决赛--曲艺第二场</a>
                    </div>
                    <div class="abstract">
                      <p>这是一场关于实力的拼搏，这是一场关于梦想的旅行。</p>
                    </div>
                    <div class="attach">
                      <span class="special-archive-publish-time">2017-10-31</span>
                      <a class="special-archive-arrow iconfont" href="#">&#xe66e;</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="module media-list media-list-type-3">
            <!-- 列表3  上图下文 图上有图标 -->
            <div class="pure-u-1-4">
              <div class="column-inner">
                <div class="media media-bg-white media-normal media-card">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/280x170" width="280" height="170" alt="" />
                    <span class="media-tag">资源点播</span>
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div class="module media-list media-list-type-4">
            <!-- 列表4  上图下文有label -->
            <div class="pure-u-1-4">
              <div class="column-inner">
                <div class="media media-bg-white media-normal">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/280x170" width="280" height="170" alt="" />
                  </a>
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">2016群星奖决赛--曲艺第二场曲艺第二场</a>
                    </div>
                    <div class="attach">
                      <span class="label label-primary"><i class="iconfont icon-view"></i> 445745</span>
                      <span class="label label-info">直播回看</span>
                    </div>
                  </div>
                  <a class="link-primary" href="#">马上观看</a>
                </div>
              </div>
            </div>
          </div>

          <div class="module media-list media-list-type-5">
            <!-- 列表5  上图下文有label -->
            <div class="pure-u-1-4">
              <div class="column-inner">
                <div class="media media-bg-white media-normal media-card">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/280x170" width="280" height="170" alt="" />
                  </a>
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">2016群星奖决赛--曲艺第二场曲艺第二场</a>
                    </div>
                    <div class="attach">
                      <span class="label label-accent">传统文化</span>
                      <span class="label label-weak">相声小品</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="module media-list media-list-type-6">
            <!-- 列表6  上图下文-->
            <div class="pure-u-1-4">
              <div class="column-inner">
                <div class="media media-bg-white media-normal media-card">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/280x170" width="280" height="170" alt="" />
                  </a>
                  <div class="caption">
                    <div class="attach">
                      <span class="label label-accent">传统文化</span>
                      <span class="label label-weak">相声小品</span>
                    </div>
                    <div class="headline">
                      <a href="#" target="_blank">2016群星奖决赛--曲艺第二场曲艺第二场</a>
                    </div>
                    <div class="attach attach-addition">
                      <p class="activity-localtion">湖南省株洲文化艺术中心</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                    </div>
                  </div>
                  <a class="link-primary" href="#">我感兴趣</a>
                </div>
              </div>
            </div>
          </div>
          <div class="module media-list media-list-type-7">
            <!-- 列表7  上图下文-->
            <div class="pure-u-1-3">
              <div class="column-inner">
                <div class="media media-bg-white media-normal media-card">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/385x460" width="385" height="460" alt="" />
                  </a>
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">华里京剧团</a>
                    </div>
                    <div class="attach">
                      <p class="activity-localtion">天津市群众艺术馆</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                      <p class="activity-start-over">2017-09-22 至09-22</p>
                      <p class="order-activity-apply"><span class="activity-apply-number">9999</span>人已报名</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="module media-list media-list-type-8">
            <!-- 列表8  左图右文收藏 -->
            <div class="media media-bg-white media-aside media-item-venue-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/180x210" width="180" height="210" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">华里京剧团</a>
                    </div>
                    <div class="attach">
                      <p class="activity-localtion">天津市群众艺术馆</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                      <p class="activity-start-over">2017-09-22 至09-22</p>
                      <div class="favorite j_favorite">
                        <i class="iconfont icon-favorite"></i>
                        <span class="info">收藏</span>
                      </div>
                      <p class="venue-activity-apply"><span class="venue-activity-apply-number">9999</span>人已报名</p>
                      <button class="btn btn-primary" id="j_xxxxx">进行中</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="media media-bg-white media-aside media-item-venue-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/180x210" width="180" height="210" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">华里京剧团</a>
                    </div>
                    <div class="attach">
                      <p class="activity-localtion">天津市群众艺术馆</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                      <p class="activity-start-over">2017-09-22 至09-22</p>
                      <div class="favorite j_favorite">
                        <i class="iconfont icon-favorite"></i>
                        <span class="info">收藏</span>
                      </div>
                      <p class="venue-activity-apply"><span class="venue-activity-apply-number">9999</span>人已报名</p>
                      <button class="btn btn-disabled" id="j_xxxxx">已结束</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="media media-bg-white media-aside media-item-venue-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/180x210" width="180" height="210" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">华里京剧团</a>
                    </div>
                    <div class="attach">
                      <p class="activity-localtion">天津市群众艺术馆</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                      <p class="activity-start-over">2017-09-22 至09-22</p>
                      <div class="favorite j_favorite">
                        <i class="iconfont icon-favorite"></i>
                        <span class="info">收藏</span>
                      </div>
                      <p class="venue-activity-apply"><span class="venue-activity-apply-number">9999</span>人已报名</p>
                      <button class="btn btn-info" id="j_xxxxx">预约中</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="media media-bg-white media-aside media-item-venue-archive">
              <div class="pure-u-1-6">
                <div class="column-inner">
                  <a class="object" href="#">
                    <img class="img-responsive" src="http://via.placeholder.com/180x210" width="180" height="210" alt="" />
                  </a>
                </div>
              </div>
              <div class="pure-u-5-6">
                <div class="column-inner">
                  <div class="caption">
                    <div class="headline">
                      <a href="#" target="_blank">华里京剧团</a>
                    </div>
                    <div class="attach">
                      <p class="activity-localtion">天津市群众艺术馆</p>
                      <div class="rate-score">
                        <span class="score basic"></span>
                        <span class="score current" style="width:100%;"></span>
                        <span class="label label-accent">金牌机构</span>
                      </div>
                      <p class="activity-start-over">2017-09-22 至09-22</p>
                      <div class="favorite j_favorite">
                        <i class="iconfont icon-favorite"></i>
                        <span class="info">收藏</span>
                      </div>
                      <p class="venue-activity-apply"><span class="venue-activity-apply-number">9999</span>人已报名</p>
                      <button class="btn btn-accent" id="j_xxxxx">已开始</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </section>

    </main>
    <!-- / container -->

    <footer class="page__footer">
      <section class="footer-main">
        <div class="section__wrapper footer-top">
          <div class="footer-r">
            <img src="../img/footer-logo/fool-logo.png" alt="">
            <div class="region">
              <span>热线：192832083</span>
              <span>地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</span>
            </div>
            <div class="relation">
              <span>邮箱：192832083s33f</span>
              <span>传真：192832083s33f</span>
            </div>
          </div>
          <div class="footer-middle">
            <div class="middle-title">友情链接</div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
          </div>
          <div class="footer-qr">
            <img src="../img/footer-logo/qr.png" alt="">
            <div class="qr-title">官方微信</div>
          </div>
        </div>
      </section>
      <section class="footer-bot-main">
        <div class="section__wrapper footer-bot">
          版权所有Copyright © 2020通河县文化与旅游厅 黑ICP备XXXXXXXXXX号
        </div>
      </section>
    </footer>
    <!-- / footer -->

    <!-- / pendant -->
  </div>
  <!-- /page -->

  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/underscore-min-1.8.3/underscore-min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/bowser.min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.jquery.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.min.css" rel="stylesheet">
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/layer-3.0.3/layer.min.js"></script>



  <!-- 前端交互脚本 -->
  <script src="js/common/xtab.js"></script>
  <script src="js/common/xbar.js"></script>
  <script src="js/common/util.js"></script>

  <script src="js/app.js"></script>
  <script src="/js/common.min.js"></script>

  <!-- /script -->
</body>
<script>
  $(document).ready(function() {
        /* var myUtil = hs.util;
        // 收藏交互效果
        myUtil.favorite(".j_favorite", "favorite-active");
        myUtil.favorite(".j_favorite_primary", "favorite-active-primary");
        myUtil.favoritePopup(".j_favorite_popup", "favorite-active");
        myUtil.favoritePopup(".j_favorite_popup_primary", "favorite-active-primary"); */
    });
</script>

</html>